* {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
/*******************************
-------[=公用]-------
********************************/
body{
padding-top: 80px;
}
.g-tit3{
padding-bottom: 10px;
font-size: 16px;
color: #f79646;
border-bottom: 1px solid #e4e4e4;
}
.g-tit3 span{
font-weight: 400;
color: #999;
text-transform: uppercase;
}
.g-pages{
text-align: center;
font-size: 0;
margin: 20px 0;
}
.pagebar{clear:both;margin:20px 0;text-align:center;}
.pagebar a:hover{color:#3a3e7b;}
.pagebar span a{color:#333;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{height:30px;border-top:none;border-bottom:none;background-color:#3a3e7b;color:#fff !important;line-height:30px;}
a.page-num-current:hover{color:#fff;}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
.g-pages li{
display: inline-block;
}
.g-pages li a{
display: block;
padding: 0 9px;
margin: 0 2px;
height: 28px;
line-height: 28px;
border: 1px solid #dbdbdb;
font-size: 13px;
}
.g-pages li.on a,
.g-pages li a:hover{
background-color: #f79646;
border: 1px solid #f79646;
color: #fff
}
.g-titInfo{
height: 34px;
line-height: 34px;
color: #434343;
margin-bottom: 15px;
text-align: center;
font-size: 24px;
}
/*
-----------------[内页左侧]--------------*/
.g-cur{
height: 40px;
line-height: 40px;
background: #f3f3f3;
}
.g-cur .wp{
background: url('../images/home.png') left center no-repeat;
padding-left: 20px;
box-sizing: border-box;
}
.g-cur .wp a{
color: #2f2f2f;
}
.g-cur .wp a:hover{
color: #f79646;
}
.row-b1{
padding: 20px 0 56px;
}
.row-b1:after,.row-b1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.row-b1 .col-l{
width: 22%;
}
.row-b1 .col-r{
width: 75%;
}
.g-titIns1{
height: 44px;
line-height: 44px;
font-size: 20px;
color: #545454;
border-bottom: 1px solid #ebebeb;
font-weight: normal;
position: relative;
}
.g-titIns1::after{
content: '';
width: 80px;
height: 1px;
background: #f79646;
position: absolute;
left: 0;
bottom: -1px;
}
.ul-txt-ins1{
padding-top: 12px;
margin-bottom: 30px;
}
.ul-txt-ins1 li{
line-height: 44px;
background: url('../images/icon12.png') 6px 18px no-repeat;
text-indent: 20px;
-o-background-size: auto 10px;
-ms-background-size: auto 10px;
-moz-background-size: auto 10px;
-webkit-background-size: auto 10px;
background-size: auto 10px;
}
.ul-txt-ins1 li a{
display: block;
color: #000;
font-size: 14px;
border-bottom: 1px solid #f2f2f2;
}
.ul-txt-ins1 li a:hover{
color: #f79646;
}
.ul-sub{
padding-bottom: 10px;
display: none;
}
.ul-sub li{
background: url('../images/icon12.png') 12px 18px no-repeat;
text-indent: 26px;
-o-background-size: auto 10px;
-ms-background-size: auto 10px;
-moz-background-size: auto 10px;
-webkit-background-size: auto 10px;
background-size: auto 10px;
}
.m-info{
padding: 15px 0;
}
.m-info p{
height: 34px;
line-height: 34px;
font-size: 14px;
color: #2F2F22;
}
/*
-----------------[内页banner]--------------*/
.ban{
height: 359px;
-webkit-background-size: cover;
background-size: cover;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
}
/*******************************
-------[=头部]-------
********************************/
.udede-header{
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
box-shadow: 0 5px 10px rgba(0,0,0,.05);
z-index: 999;
}
.udede-header .logo{
float: left;
height: 80px;
line-height: 80px;
}
.udede-header .logo img{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.udede-header .ch{
float: right;
margin-top: 30px;
font-size: 14px;
color: #f79646;
}
.udede-header .ch .pic{
float: left;
width: 32px;
height: 20px;
}
.udede-header .ch .pic img{
display: inline-block;
width: 100%;
height: 100%;
}
.udede-header .ch span{
margin-left: 10px;
display: block;
float: right;
}
/*
-----------------[导航]--------------*/
.menuBtn{
display: none;
position: relative;
float: right;
margin-top: 5px;
width: 40px;
height: 40px;
padding: 5px;
cursor: pointer;
}
.menuBtn b{
display: block;
width: 100%;
height: 2px;
border-radius: 2px;
background-color: #f79646;
margin: 5px 0 7px;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.menuBtn.open b{
position: absolute;
left: 5px;
top: 35%;
display: none;
width: 30px;
}
.menuBtn.open b:first-child{
display: block;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.menuBtn.open b:last-child{
display: block;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.udede-nav{
float: right;
}
.udede-nav li{
float: left;
position: relative;
}
.udede-nav li a.v1{
display: block;
height: 80px;
line-height: 80px;
font-size: 14px;
color: #505050;
text-align: center;
}
.udede-nav li a.v1 span{
position: relative;
top: 0;
display: block;
padding: 0 25px;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.udede-nav li a.v1 span:after{
display: none;
content: '';
position: absolute;
left: 50%;
bottom: 25%;
margin-left: -10px;
width: 20px;
height: 2px;
background-color: #f79646;
}
.udede-nav li.on a.v1 span,
.udede-nav li:hover a.v1 span{
top: -5px;
color: #f79646;
}
.udede-nav li.on a.v1 span:after,
.udede-nav li:hover a.v1 span:after{
display: block;
}
.udede-nav dl{
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
min-width: 1900px;
background-color: rgba(255,255,255,.5);
z-index: 99;
}
.udede-nav dl:after{
content: '';
position: absolute;
right: 100%;
top: 0;
height: 60px;
width: 100%;
background-color: rgba(255,255,255,.5);
}
.udede-nav li:hover dl{
display: block;
}
.udede-nav dl dd{
float: left;
}
.udede-nav dl dd a{
display: block;
padding: 0 25px;
text-align: center;
height: 60px;
line-height: 60px;
color: #505050;
font-size: 14px;
}
.udede-nav dl dd a:hover{
color: #f79646;
}
/*******************************
-------[=首页]-------
********************************/
/*
-----------------[公用]--------------*/
.g-tit01{
font-size: 28px;
color: #333;
margin-bottom: 80px;
}
.g-tit01 span{
color: #3a3e7b;
}
.g-more01{
display: block;
width: 160px;
color: #f79646;
border: 1px solid #f79646;
border-radius: 30px;
text-align: center;
margin: 20px auto 0; line-height:40px;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.g-more01:hover{
color: #f79646;
}
.g-txt01{
margin-bottom: 50px;
color: #fff;
}
.g-txt01 h3{
margin-bottom: 25px;
font-size: 34px;
}
.g-txt01 h3 span{
display: block;
font-size: 32px;
font-weight: 400;
}
.g-txt01 p{
font-size: 16px;
}
.g-more02{
display: none;
width: 160px;
color: #f79646;
border: 1px solid #f79646;
border-radius: 30px;
text-align: center;
margin: 20px auto 0;
}
.g-more02:hover{
color: #fff;
background-color: #f79646;
}
/*
-----------------[banner]--------------*/
.banner .item .con{
padding-top: 44%;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.banner .slick-arrow{
position: absolute;
top: 50%;
margin-top: -40px;
overflow: hidden;
cursor: pointer;
width: 82px;
height: 82px;
font-size: 0;
line-height: 0;
z-index: 9;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: auto 30px;
-ms-background-size: auto 30px;
-moz-background-size: auto 30px;
-webkit-background-size: auto 30px;
background-size: auto 30px;
background-color: rgba(0,0,0,.1);
border: 0;
outline: 0;
padding: 0;
}
.banner .slick-arrow:hover{
background-color: rgba(0,0,0,.2);
}
.banner .slick-prev{left: 0;background-image: url(../images/pres1.png);}
.banner .slick-next{right: 0;background-image: url(../images/nexts1.png);}
.banner .slick-dots{
position: absolute;
left: 0;
bottom: 3%;
width: 100%;
text-align: center;
z-index: 99;
font-size: 0;
}
.banner .slick-dots li{
display: inline-block;
margin: 0 10px;
}
.banner .slick-dots button{
background-color: #fff;
cursor: pointer;
border-radius: 50%;
border: 0;
width: 10px;
height: 10px;
outline: 0;
font-size: 0;
padding: 0;
}
.banner .slick-dots li.slick-active button{background: #3a3e7a;}
/*
-----------------[产å“展示]--------------*/
.row-a1{
margin: 50px 0;
overflow: hidden;
}
.row-a1 .col-l{width: 27%;}
.row-a1 .col-r{width: 67%;}
.row-a1 .g-tit01{
padding-top: 30px;
}
.m-txt01{
}
.m-txt01 .desc{
margin-bottom: 25px;
color: #666;
}
.m-txt01 .desc span{
display: block;
font-size: 14px;
font-family: Arial;
}
.m-txt01 .desc em{
font-size: 16px;
display: block;
}
.m-txt01 .txt{
margin-bottom: 30px;
}
.m-txt01 .txt h3{
font-size: 36px;
margin-bottom: 25px;
}
.m-txt01 .txt p{
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ul-tab01{
overflow: hidden;
}
.ul-tab01 li{
width: 115px;
float: left;
}
.ul-tab01 li a{
display: block;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 14px;
position: relative;
}
.ul-tab01 li a:after{
display: none;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 2px;
background-color: #f79646;
}
.ul-tab01 li:hover a{
color: #f79646;
}
.tab_tab01{
height: 0;
overflow: hidden;
}
.tab_tab01.show{
height: auto;
overflow: visible;
}
.ul-tab01 li:hover a:after{
display: block;
}
.m_chanpin01{
padding: 40px 0 10px;
margin: 0 -10px;
}
.m_chanpin01 a{
display: block;
margin: 0 10px;
}
.m_chanpin01 a .pic{
overflow: hidden;
position: relative;
height: 0;
padding-top: 100%;
}
.m_chanpin01 a .pic img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.m_chanpin01 a:hover .pic img{
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-o-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.m_chanpin01 a h3{
padding: 30px 0;
text-align: center;
font-size: 16px;
color: #232323;
font-weight: 400;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.m_chanpin01 a:hover h3{
color: #f79646;
}
.m_chanpin01 .slick-arrow{
position: absolute;
top: 50%;
margin-top: -22px;
overflow: hidden;
cursor: pointer;
width: 45px;
height: 45px;
font-size: 0;
line-height: 0;
z-index: 9;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: auto 20px;
-ms-background-size: auto 20px;
-moz-background-size: auto 20px;
-webkit-background-size: auto 20px;
background-size: auto 20px;
background-color: rgba(0,0,0,.3);
border: 0;
outline: 0;
padding: 0;
}
.m_chanpin01 .slick-prev{left: 10px;background-image: url(../images/pres1.png);}
.m_chanpin01 .slick-next{right: 10px;background-image: url(../images/nexts1.png);}
.m_chanpin01 .slick-dots{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 99;
font-size: 0;
}
.m_chanpin01 .slick-dots li{
display: inline-block;
margin: 0 10px;
}
.m_chanpin01 .slick-dots button{
background-color: #ccc;
cursor: pointer;
border-radius: 50%;
border: 0;
width: 10px;
height: 10px;
outline: 0;
font-size: 0;
padding: 0;
}
.m_chanpin01 .slick-dots li.slick-active button{background: #000;}
/*
-----------------[优势]--------------*/
.row-a2{
overflow: hidden;
padding-top: 100px;
background-color: #3a3e7a;
}
.m-imgtxt02{
float: left;
width: 56%;
}
.m-imgtxt02 .pic{
overflow: hidden;
position: relative;
height: 0;
padding-top: 73%;
}
.m-imgtxt02 .pic img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.ul-txt01{
width: 41%;
float: right;
margin-top: 30px;
}
.ul-txt01 li{
color: #fff;
padding-left: 90px;
margin-bottom: 40px;
background-repeat: no-repeat;
background-position: left center;
}
.ul-txt01 li.li1{
background-image: url(../images/i2.png);
}
.ul-txt01 li.li2{
background-image: url(../images/i3.png);
}
.ul-txt01 li.li3{
background-image: url(../images/i4.png);
}
.ul-txt01 li.li4{
background-image: url(../images/i5.png);
}
.ul-txt01 li.li5{
background-image: url(../images/i6.png);
}
.ul-txt01 li h3{
margin-bottom: 15px;
font-size: 16px;
font-weight: 400;
}
.ul-txt01 li p{
font-size: 14px;
line-height: 28px;
}
/*
-----------------[解决方案]--------------*/
.row-a3{
margin-top: 100px;
}
.m-list01{
overflow: hidden;
}
.m-list01 .g-tit01{
float: left;
margin-bottom: 0;
}
.m-list01 .g-more01{
float: right;
height: 38px;
line-height: 38px;
}
.ul-imgtxt02{
overflow: hidden;
padding-top: 30px;
margin: 0 -35px;
}
.ul-imgtxt02 li{
float: left;
width: 50%;
margin-bottom: 70px;
}
.ul-imgtxt02 li a{
display: block;
margin: 0 35px;
}
.ul-imgtxt02 li .pic{
overflow: hidden;
position: relative;
height: 0;
padding-top: 36%;
}
.ul-imgtxt02 li .pic img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ul-imgtxt02 li .desc{
overflow: hidden;
position: relative;
padding: 25px 0;
}
.ul-imgtxt02 li .desc:after{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #f79646;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-imgtxt02 li:hover .desc:after{
width: 100%;
}
.ul-imgtxt02 li .desc .time{
float: left;
padding: 0 11px;
border-right: 1px solid #eee;
text-align: center;
}
.ul-imgtxt02 li .desc .time span{
display: block;
font-size: 20px;
color: #888;
}
.ul-imgtxt02 li .desc .time em{
font-size: 14px;
display: block;
color: #666;
}
.ul-imgtxt02 li .desc .txt{
overflow: hidden;
padding-left: 20px;
}
.ul-imgtxt02 li .desc .txt h3{
margin-bottom: 5px;
font-size: 18px;
color: #333;
font-weight: 400;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-imgtxt02 li:hover .desc .txt h3{
color: #f79646;
}
.ul-imgtxt02 li .desc .txt p{
font-size: 14px;
color: #999;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
/*
-----------------[关于我们]--------------*/
.row-a4{
padding-top: 20px;
}
.m-list02{
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: cover;
-ms-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.m-box01{
position: relative;
float: left;
width: 41%;
height: 705px;
padding-top: 180px;
}
.m-box01 .g-tit01{
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
}
.m-box01 .g-txt01 p{
font-size: 14px;
color: #c0c1d1;
line-height: 22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/*overflow: hidden;*/
}
.ul-count{
overflow: hidden;
padding: 20px 0 49px;
}
.ul-count li{
float: left;
width: 25%;
color: #fff;
font-size: 14px;
text-align: center;
}
.ul-count li em{
font-size: 32px;
font-weight: 600;
}
.ul-count li span{
vertical-align: top;
}
.m-list03 .g-more01{
color: #fff;
}
/*
-----------------[æ–°é—»ä¸å¿ƒ]--------------*/
.row-a5{
margin-top: 100px;
}
.m-news01{
padding: 20px 0;
margin: 0 -20px;
}
.m-news01 .item{
padding: 10px 0 30px;
cursor: pointer;
position: relative;
top: 0;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.m-news01 .item:hover{
top: -5px;
}
.m-news01 .item .box{
padding: 30px;
background-color: #fff;
margin: 0 20px;
box-shadow: 0px 6px 30px rgba(51, 51, 51, .15);
}
.m-news01 .item h3 a{
margin: 40px 0 15px;
display: block;
font-size: 18px;
color: #000;
font-weight: 400;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.m-news01 .item span{
margin-bottom: 15px;
display: block;
font-size: 14px;
color: #999;
}
.m-news01 .item p{
line-height: 22px;
font-size: 14px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.m-news01 .slick-dots{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
z-index: 99;
font-size: 0;
}
.m-news01 .slick-dots li{
display: inline-block;
margin: 0 5px;
}
.m-news01 .slick-dots button{
background-color: #ccc;
cursor: pointer;
border-radius: 50%;
border: 0;
width: 10px;
height: 10px;
outline: 0;
font-size: 0;
padding: 0;
}
.m-news01 .slick-dots li.slick-active button{background: #999;}
.ul-txt02{
overflow: hidden;
margin-top: 70px;
padding: 60px 0;
border-top: 1px solid #d8d8d8;
}
.ul-txt02 li{
float: left;
width: 33.33%;
}
.ul-txt02 li h5{
font-size: 14px;
color: #666;
font-weight: 400;
margin-bottom: 25px;
}
.ul-txt02 li.txt-l strong{
font-size: 36px;
font-family:Arial;
color: #333;
}
.ul-txt02 li.txt-r p,
.ul-txt02 li.txt-c p{
padding-left: 30px;
background-repeat: no-repeat;
background-position: left center;
}
.ul-txt02 li.txt-r p.you,
.ul-txt02 li.txt-c p.tel{
margin-bottom: 30px;
font-size: 20px;
color: #262626;
}
.ul-txt02 li.txt-c p.tel{
background-image: url(../images/i7.png);
}
.ul-txt02 li.txt-c p.dizhi{
font-size: 16px;
color: #333;
background-image: url(../images/i8.png);
}
.ul-txt02 li.txt-r p.you{
background-image: url(../images/i9.png);
}
/*
-----------------[å‹æƒ…链接]--------------*/
.row-a6{
overflow: hidden;
background-color: #3a3e7a;
border-bottom: 1px solid #fff;
}
.m-link1{
padding: 20px 0;
}
.m-link1 .item{
overflow: hidden;
color: #fff;
}
.m-link1 .item:first-child{
margin-bottom: 40px;
}
.m-link1 .item span{
float: left;
font-size: 16px;
margin-right: 18px;
font-weight: 600;
}
.ul-link1{overflow: hidden;}
.ul-link1 li{
float: left;
}
.ul-link1 li a{
display: block;
margin-right: 20px;
font-size: 14px;
color: #fff;
height: 21px;
line-height: 21px;
}
.ul-link1 li a:hover{
text-decoration: underline;
}
/*******************************
-------[=底部]-------
********************************/
.udede-footer{
background-color: #3a3e7b;
}
.fd-top{
overflow: hidden;
padding: 70px 0;
}
.fd-logo{
float: left;
width: 25%;
height: 62px;
line-height: 60px;
}
.fd-logo img{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.fd-nav{
float: left;
width: 50%;
}
.fd-nav dl{
float: left;
width: 16.66%;
font-size: 14px;
}
.fd-nav dl dt{
margin-bottom: 30px;
color: #fff;
}
.fd-nav dl dd a{
display: block;
color: #afb0c4;
margin-bottom: 10px;
}
.fd-nav dl dd a:hover{
color: #fff;
}
.fd-qr{
float: right;
}
.fd-qr .pic{
width: 110px;
height: 110px;
overflow: hidden;
}
.fd-qr .pic img{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.fd-qr h3{
text-align: center;
font-size: 14px;
color: #fff;
height: 40px;
line-height: 40px;
}
.udede-footer .copy{
padding: 20px 0;
overflow: hidden;
border-top: 1px solid #4e5288;
font-size: 14px; text-align:center
}
.udede-footer .copy p{
color: #9c9db7;
}
.udede-footer .copy a{ display:inline-block;
color: #9c9db7;
}
.udede-footer .copy a:hover{
color: #fff;
}
/*
-----------------[悬浮èœå•]--------------*/
.h50{
display: none;
}
.udede-link{
display: none;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
background-color: #fff;
padding: 4px 0;
box-shadow: 5px 0 10px rgba(0,0,0,.05);
}
.udede-link li{
float: left;
width: 25%;
}
.udede-link li a{
display: block;
text-align: center;
font-size: 13px;
color: #000;
}
.udede-link li.on a,
.udede-link li:hover a{
color: #f79646;
}
.udede-link li a i{
display: block;
width: 25px;
margin: 0 auto;
height: 25px;
background-repeat: no-repeat;
background-position: center center;
-o-background-size: auto 18px;
-ms-background-size: auto 18px;
-moz-background-size: auto 18px;
-webkit-background-size: auto 18px;
background-size: auto 18px;
}
.udede-link li a .i1{
background-image: url(../images/icon8.png);
}
.udede-link li.on .i1,
.udede-link li:hover .i2{
background-image: url(../images/icon8-on.png);
}
.udede-link li a .i2{
background-image: url(../images/icon9.png);
}
.udede-link li.on .i2,
.udede-link li:hover .i2{
background-image: url(../images/icon9-on.png);
}
.udede-link li a .i3{
background-image: url(../images/icon10.png);
}
.udede-link li.on .i3,
.udede-link li:hover .i3{
background-image: url(../images/icon10-on.png);
}
.udede-link li a .i4{
background-image: url(../images/icon11.png);
}
.udede-link li.on .i4,
.udede-link li:hover .i4{
background-image: url(../images/icon11-on.png);
}
/*
-----------------[客æœ]--------------*/
.kf {
width: 208px;
position: fixed;
/* right: 20px; */
right: -208px;
top: 200px;
z-index: 9;
}
.kt-top {
height: 40px;
line-height: 40px;
background: url("../images/kefu.png") 12px center no-repeat #f79646;
-o-background-size: auto 20px;
-ms-background-size: auto 20px;
-moz-background-size: auto 20px;
-webkit-background-size: auto 20px;
background-size: auto 20px;
padding-left: 46px;
font-size: 14px;
color: #ffffff;
}
.kt-top span:hover{
transform: rotate(90deg);
}
.kt-top span {
width: 18px;
height: 16px;
float: right;
position: relative;
margin: 10px 10px 0px 0px;
cursor: pointer;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
}
.kt-top span b {
width: 100%;
height: 2px;
background: #fff;
display: block;
position: absolute;
top: 50%;
left: 0;
}
.kt-top span b:first-child {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.kt-top span b:last-child {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.kf .con {
overflow: hidden;
background: #ffffff;
}
.kf .qq li {
height: 36px;
line-height: 36px;
border-bottom: #f5f5f5 solid 1px;
padding-left: 16px;
}
.kf .qq li a {
height: 36px !important;
color: #666666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: initial;
display: block;
}
.kf .qq li a img{
padding-right: 6px;
}
.kf .con h5{
height: 26px;
line-height: 26px;
margin-top: 12px;
background: url('../images/lianxi.png') 16px center no-repeat;
padding-left: 45px;
color: #666666;
font-size: 14px;
}
.kf .contact {
margin-top: 1px;
}
.kf .contact p{
height: 26px;
line-height: 26px;
color: #666666;
font-size: 14px;
padding-left: 22px;
}
.kf .contact p:nth-child(2n){
padding-left: 32px;
}
.kf .con .qr{
margin-top: 10px;
padding-left: 40px;
}
.kf .con .qr img{
width: 110px;
height: 110px;
}
.kf .backTop{
width: 100%;
height: 40px;
margin-top: 10px;
background: url('../images/huidaodingbu.png') center center no-repeat #f79646;
background-size: 18px auto;
cursor: pointer;
}
.kf-side{
padding: 18px 10px 10px;
background: #f79646;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: -34px;
cursor: pointer;
}
.kf-side b{
display: block;
color: #ffffff;
line-height: 18px;
font-size: 14px;
font-weight: normal;
}
.kf-side span.arrow{
width: 12px;
height: 12px;
background: url('../images/jt-1.png') no-repeat;
-o-background-size: auto 12px;
-ms-background-size: auto 12px;
-moz-background-size: auto 12px;
-webkit-background-size: auto 12px;
background-size: auto 12px;
display: block;
margin-top: 10px;
}
.kf-side span.on{
background: url('../images/jt-2.png') no-repeat;
-o-background-size: auto 12px;
-ms-background-size: auto 12px;
-moz-background-size: auto 12px;
-webkit-background-size: auto 12px;
background-size: auto 12px;
}
/*******************************
-------[=产å“列表]-------
********************************/
.m_chanpin{
overflow: hidden;
margin-bottom: 30px;
}
.m_chanpin .desc{
padding: 10px;
margin-top: 20px;
line-height: 26px;
text-indent: 2em;
font-size: 14px;
border: 1px dotted #e5e5e5;
color: #868686;
background-color: #f5f5f5;
}
.ul-imgtxt-01 {
margin: 0 -10px;
}
.ul-imgtxt-01:after,.ul-imgtxt-01:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.ul-imgtxt-01 li {
width: 25%;
float: left;
margin-top: 20px;
}
.ul-imgtxt-01 li a {
margin: 0 10px;
display: block;
text-align: center;
}
.ul-imgtxt-01 li a:hover {
box-shadow: 0 5px 8px 2px rgba(0,0,0,.2);
}
.ul-imgtxt-01 li a .pic {
padding-top: 77%;
height: 0;
position: relative;
overflow: hidden;
}
.ul-imgtxt-01 li a .pic img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
max-width: 100%;
max-height: 100%;
margin: auto;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
}
.ul-imgtxt-01 li a:hover .pic img {
transform: scale(1.08);
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
}
.ul-imgtxt-01 li a p {
height: 50px;
line-height: 50px;
text-align: center;
font-size: 15px;
color: #666;
font-weight: 400;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-imgtxt-01 li a:hover {
text-decoration: none;
}
.ul-imgtxt-01 li a:hover p {
color: #f79646;
}
.ul-imgtxt2{
margin-top: 0;
}
.ul-imgtxt2 li .pic{
padding: 4px;
}
.ul-imgtxt2 li a:hover{
border: 0;
}
.m-list3{
padding: 25px 0;
}
.ul-link2{
overflow: hidden;
margin-top: 20px;
}
.ul-link2 li{
float: left;
margin-bottom: 20px;
}
.ul-link2 li a{
display: block;
margin-right: 17px;
font-size: 14px;
}
.ul-link2 li a:hover{
color: #ea042b;
}
/*******************************
-------[=产å“详情]-------
********************************/
.m-list1{
overflow: hidden;
padding: 14px 0 25px;
border-bottom: 1px dotted #a9a9a9;
}
.m-pic1{
float: left;
width: 43%;
}
.m-txt1{
overflow: hidden;
padding-left: 38px;
}
.m-txt1 h3{
font-size: 16px;
padding-bottom: 9px;
margin-bottom: 9px;
border-bottom: 1px dotted #a9a9a9;
}
.m-txt1 .txt{
margin-right: 100px;
}
.m-txt1 .txt p{
line-height: 28px;
margin-bottom: 10px;
font-size: 14px;
color: #2f2f2f;
}
.m-txt1 .btn{
display: block;
width: 98px;
height: 32px;
line-height: 32px;
padding-left: 15px;
background-color: #f79646;
color: #fff;
}
.m-txt1 .btn:hover{
background-color: #444;
}
.m-txt1 .btn span{
display: block;
padding-left: 15px;
background-repeat: no-repeat;
background-position: left center;
background-image: url(../images/icon13.png);
}
.m-txt2{
margin-top: 25px;
}
.m-txt2 p{
font-size: 14px;
line-height: 26px;
margin-bottom: 10px;
}
.ul-txt2{
overflow: hidden;
margin: 20px 0 50px;
}
.ul-txt2 li{
float: left;
font-size: 14px;
}
.ul-txt2 li:last-child{
float: right;
}
.ul-txt2 li a{
color: #337AB7;
transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.ul-txt2 li a:hover{
color: #f79646;
}
/*产å“详情图片*/
.pc-slide {
width: 100%;
margin: 0 auto;
}
.view .swiper-slide .imgauto {
width: 100%;
height: 350px;
line-height: 350px;
}
.view .swiper-container {
width: 100%;
}
.preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.preview .swiper-container {
width: 80%;
margin: 0 10%;
}
.preview .swiper-slide {
width: 25%;
padding: 5px;
}
.preview .swiper-slide .imgauto {
width: 100%;
height: 80px;
line-height: 80px;
border: 1px solid #ddd;
text-align: center;
}
.preview .swiper-slide .imgauto img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
padding: 5px;
}
.preview .slide6 {
width: 82px;
}
.preview .arrow-left {
background: url(../images/feel3.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview .arrow-right {
background: url(../images/feel4.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview img {
padding: 1px;
}
.preview .active-nav .imgauto {
border: 1px solid #f79646;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.work_list {
width: 100%;
padding-top: 12px;
margin-bottom: 20px;
}
.work_list h3 {
line-height: 44px;
background: url(../images/icon12.png) 95% center no-repeat;
text-indent: 20px;
background-size: auto 10px;
border-bottom: 1px solid #f2f2f2;
width: 100%;
float: left;
}
.work_list h3 a {
float: left;
line-height: 44px;
color: #666;
font-size: 14px;
text-indent: 0;
padding-left: 5px;
font-weight: normal
}
.work_list h3.on a {
font-weight: bold;
}
.work_list h3 span {}
.work_list ul {
display: none;
float: left;
width: 100%;
}
.work_list li {
background: url(../images/icon12.png) 18px 15px no-repeat;
text-indent: 26px;
display: block;
border-bottom: 1px solid #f2f2f2;
width: 100%;
line-height: 42px;
background-size: 5px;
}
.work_list li a {
display: block;
color: #666;
font-size: 14px;
text-indent: 0;
padding-left: 30px;
}
/* 放大镜 */
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.udede-showcase {margin-bottom: 30px;}
.udede-showcase-pic {position: relative;width: 100%;overflow: hidden;float: left;}
.udede-showcase-pic .bd {font-size: 0;margin-top: 13px;overflow: hidden;}
.udede-showcase-pic .bd li {height: 75px;line-height: 75px;cursor: pointer;display: inline-block;width: 99px;border: 1px solid #ddd;padding: 1px;margin: 0 5px;}
.udede-showcase-pic .bd li.active {border-color: #c80003;}
.udede-showcase-pic .prev,.udede-showcase-pic .next {position: absolute;background: no-repeat 0 0;width: 14px;height: 27px;bottom: 26px;z-index: 2;}
.udede-showcase-pic .prev {background-image: url(../images/zlztdetailscon1btn01.png);left: 0;}
.udede-showcase-pic .next {background-image: url(../images/zlztdetailscon1btn02.png);right: 0;}
.udede-showcase-pic .prev:hover,.udede-showcase-pic .next:hover {background-position: 0 bottom;}
.udede-showcase-pic .cover {height: 300px;line-height: 300px;border: 1px solid #ddd;padding: 1px;}
.udede-showcase-pic .cover a{
display: block;
width: 100%;
height: 100%;
}
.udede-showcase-info {float: right;width: 500px;}
.udede-showcase-info h1 {margin: 0 0 15px;font-size: 20px;overflow: hidden;font-weight: normal;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.udede-showcase-info p {margin: 0;color: #666;line-height: 2;}
.udede-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/viskins-p1.png) no-repeat 0 15px;height: 42px;padding-left: 50px;line-height: 21px;}
.udede-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c80003;color: #fff;}
.udede-showcase-info .tel span {display: block;color: #c80003;font-size: 18px;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomDiv img{
max-width: none;
}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.m_pic_showpic {
display: none;
}
.m_showpic img {
display: block;
max-width: 100%;
}
/*******************************
-------[=关于我们]-------
********************************/
.m-content .txt{
margin: 15px 0;
line-height:26px;
font-size:14px;
}
.m-content .txt p{
line-height: 28px;
color: #2F2F2F;
font-size: 14px;
}
/*******************************
-------[=新闻列表]-------
********************************/
.m-content .box{
margin-top: 20px;
}
.ul-newslist{
overflow: hidden;
margin-bottom: 30px;
}
.ul-newslist li{
font-size: 14px;
padding: 20px 0;
border-bottom: #dddddd 1px dotted;
}
.ul-newslist li a{
display: block;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-newslist li .tit{
overflow: hidden;
margin-bottom: 20px;
}
.ul-newslist li .tit .time{
float: right;
font-size: 14px;
}
.ul-newslist li .txt{
margin: 0;
}
.ul-newslist li .tit a{
float: left;
display: block;
width: 80%;
font-size: 16px;
background: url('../images/icon14.png') left center no-repeat;
padding-left: 14px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ul-newslist li a:hover{
color: #f79646;
}
.ul-newslist li .txt p{
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*******************************
-------[=新闻详情]-------
********************************/
.ul-txt3{
text-align: center;
margin-bottom: 20px;
}
.ul-txt3 li{
display: inline-block;
font-size: 14px;
margin: 0 10px;
}
.m-txt3{
margin-top: 10px;
}
.m-txt3 .desc{
padding-left: 20px;
margin-bottom: 15px;
height: 36px;
line-height: 36px;
color: #868686;
font-size: 14px;
background-color: #f5f5f5;
border: 1px dotted #e5e5e5;
}
.m-txt3 .desc p a{
color: #868686;
}
.m-txt3 .desc p a:hover{
color: #f79646;
}
.m-txt3 .tabel{
overflow: hidden;
color: #5a5a5a;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
font-size: 14px;
}
.m-txt3 .tabel span{
float: left;
height: 42px;
line-height: 42px;
margin-right: 10px;
}
.m-txt3 .tabel ul{
overflow: hidden;
}
.m-txt3 .tabel li{
float: left;
}
.m-txt3 .tabel li a{
display: block;
margin-right: 10px;
height: 42px;
line-height: 42px;
}
.m-txt3 .tabel li a:hover{
color: #f79646;
}
.ul-news1 li{
float: left;
width: 50%;
}
.ul-news1 li a{
font-weight: 400;
}
.ul-news1 li .tit{
margin: 0 10px;
}
/*******************************
-------[=留言å馈]-------
********************************/
.m-message{
width: 494px;
margin: 48px auto 0;
}
.m-message label{
margin-bottom: 15px;
display: block;
font-size: 14px;
}
.m-message label em{
display: block;
float: right;
color: red;
height: 32px;
line-height: 32px;
}
.m-message label span{
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float: left;
font-weight: bold;
text-align: right;
margin-right: 30px;
display: inline-block;
}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{
width: 77%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #cccccc 1px solid;
border-radius: 3px;
padding:0 14px;
box-sizing: border-box;
color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus,.m-message label textarea:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea{
height: 72px;
line-height: 24px;
padding:10px 14px;
}
.m-message label.code{
line-height: 34px;
}
.m-message label.code input{
width: 30%;
float: left;
margin-right: 30px;
}
.m-message label.code .pic {
display: inline-block;
vertical-align: top;
width: 80px;
height: 32px;
}
.m-message label.code img{
display: block;
width: 100%;
height: 100%;
}
.btn-1 input{
width: 52px;
height: 32px;
line-height: 32px;
background: #e8e8e8;
border: none;
color: #333;
margin-right: 22px;
cursor: pointer;
transition: 0.3s;
}
.btn-1{
padding-left: 100px;
}
.btn-1 input.focus{
background: #f79646;
color: #fff;
}
.btn-1 input.focus:hover{
background: #444;
}
.btn-1 input:hover{
background: #ccc;
}
/*
-----------------[相册详情]--------------*/
.m-list-03{
margin-top: 30px;
padding:26px 10px 10px;
border: 1px solid #ddd;
background-color: #f0f0f0;
}
.m-list-03 .con{
margin-bottom: 10px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.m-list-03 .box{
padding: 26px 20px;
background-color: #fff;
border: 1px solid #ddd;
}
.m-list-03 .con .pic{
height: 450px;
line-height: 450px;
overflow: hidden;
text-align: center;
}
.m-list-03 .con .pic img{
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.m-list-03 .box .txt{
}
.m-list-03 .box .txt h3{
margin-bottom: 30px;
font-size: 22px;
color: #f79646;
}
.ul-txt-01{
overflow: hidden;
padding-left: 23px;
background: url(../images/source.gif) left center no-repeat;
}
.ul-txt-01 li{
float: left;
margin-right: 4px;
font-size: 14px;
color: #505050;
font-family: "Open Sans";
}
.ul-txt-01 li a{
font-size: 12px;
}
.ul-txt-01 li a:hover{
color: #f79646;
}
.pc-slide {
width: 100%;
margin: 0 auto;
}
.view .swiper-slide .imgauto {
width: 100%;
height: 350px;
line-height: 350px;
}
.view .swiper-container {
width: 100%;
}
.preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.preview .swiper-container {
width: 80%;
margin: 0 10%;
overflow: hidden;
}
.preview .swiper-slide {
width: 33.33%;
padding: 5px;
}
.preview .swiper-slide .imgauto {
width: 100%;
height: 80px;
line-height: 80px;
border: 1px solid #ddd;
text-align: center;
}
.preview .swiper-slide .imgauto img {
display: inline-block;
vertical-align: middle;
padding: 5px;
max-width: 100%;
max-height: 100%;
}
.preview .slide6 {
width: 82px;
}
.preview .arrow-left {
background: url(../images/feel3.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview .arrow-right {
background: url(../images/feel4.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.preview img {
padding: 1px;
}
.preview .active-nav .imgauto {
border: 1px solid #f79646;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.work_list {
width: 100%;
padding-top: 12px;
margin-bottom: 20px;
}
.work_list h3 {
line-height: 44px;
background: url(../images/icon12.png) 95% center no-repeat;
text-indent: 20px;
background-size: auto 10px;
border-bottom: 1px solid #f2f2f2;
width: 100%;
float: left;
}
.work_list h3 a {
float: left;
line-height: 44px;
color: #666;
font-size: 14px;
text-indent: 0;
padding-left: 5px;
font-weight: normal
}
.work_list h3.on a {
font-weight: bold;
}
.work_list h3 span {}
.work_list ul {
display: none;
float: left;
width: 100%;
}
.work_list li {
background: url(../images/icon12.png) 18px 15px no-repeat;
text-indent: 26px;
display: block;
border-bottom: 1px solid #f2f2f2;
width: 100%;
line-height: 42px;
background-size: 5px;
}
.work_list li a {
display: block;
color: #666;
font-size: 14px;
text-indent: 0;
padding-left: 30px;
}
.work_list li.on a {
font-weight: bold;
}
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
transform: scale(0);
transition: .3s;
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 1001;
}
#message .m-content {
margin-top: 10%;
}
#message .m-content .m-message{
background: #fff;
width: 580px;
background: #fff;
padding: 50px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px; line-height:100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st{ font-family:"Open Sans";}
.text-secondary{ text-align:center; padding:20px 0}